$(function(){
    
   let flag = true;//true为降序，false为升序。
   let defaultList = $('.list_c .cate_list li');//获取默认的li列表
   let priceList = $('.list_c .cate_list li');//获取将要排序的li列表

   //页面显示函数
   function rank(list){
       let ul = $('.cate_list');
       ul.empty(); //删除ul内所有元素
       for(let l of list){
           //给ul添加li 更新ul
           ul.append(l);
       }
   }

   //点击默认的排序方法
   $('.l_list .list_t .list_or a').eq(0).click(function(){
       $(this).addClass('now').siblings().removeClass('now');
       rank(defaultList);
   });

   //点击价格的排序方法
   $('.l_list .list_t .list_or').find('#sortPrice').click(function(){
       $(this).addClass('now').siblings().removeClass('now');
       priceList.sort(function(li1,li2){
           let price1 = parseFloat($(li1).find('span').text().substr(1));
           let price2 = parseFloat($(li2).find('span').text().substr(1));
           if(flag){
               return price1-price2;//价格升序排列
           }else{
               return price2-price1;//价格降序排列
           }
       });
       if(flag){
           //更新页面显示
           rank(priceList);
           flag = false ;
           //设置css效果，模仿选中
           $(this).find('.i_up').css('background-color','#fff').siblings().css('background-color','');
       }else{
           rank(priceList); 
           flag = true ;
           $(this).find('.i_down').css('background-color','#fff').siblings().css('background-color','');
       }            
   });
});